<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>人人自由-首页</title>
	<!-- Bootstrap -->
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css" />
	<!-- 导航菜单栏右侧点击滑入 -->
	
	<!-- 用户样式 -->
	<link rel="stylesheet" type="text/css" href="css/style.css" />

</head>
<body>

	<nav class="navbar navbar-inverse">
	  	<div class="container-fluid">
		    <!-- Brand and toggle get grouped for better mobile display -->
		    <div class="navbar-header">
		      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
		        <span class="sr-only">Toggle navigation</span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		      </button>
		      <a class="navbar-brand" href="index_sy.html"><img src="images/sy_logo.png"></a>
		    </div>

		    <!-- Collect the nav links, forms, and other content for toggling -->
		    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		      <ul class="nav navbar-nav">
		        <li class="active"><a href="#">资讯 <span class="sr-only">(current)</span></a></li>
		        <li><a href="#">最新任务</a></li>
		        <li class="dropdown" aria-labelledby="dropdownMenu3">
		          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">发现 <span class="caret"></span></a>
		          <ul class="dropdown-menu">
		            <li><a href="#">找任务</a></li>
		            <li><a href="#">任务类别</a></li>
		            <li><a href="#">我要发布任务</a></li>
		            <li><a href="#">附近任务</a></li>
		            <li><a href="#">最火任务</a></li>
		          </ul>
		        </li>
		      </ul>
		      <form class="navbar-form navbar-left" role="search">
		        <div class="form-group">
		          <input type="text" class="form-control" placeholder="Search">
		        </div>
		        <button type="submit" class="btn btn-default">搜索</button>
		      </form>
		      <ul class="nav navbar-nav navbar-right">
		        <li><a href="#">消息</a></li>
		        <li class="dropdown">
		          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">更多 <span class="caret"></span></a>
		          <ul class="dropdown-menu">
		            <li><a href="login.html">登录</a></li>
		            <li><a href="register.html">注册</a></li>
		          </ul>
		        </li>
		      </ul>
		    </div><!-- /.navbar-collapse -->
	  	</div><!-- /.container-fluid -->
	</nav>
	
	<div id="myCarousel" class="carousel slide">
		<ol class="carousel-indicators">
			<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
			<li data-target="#myCarousel" data-slide-to="1"></li>
			<li data-target="#myCarousel" data-slide-to="2"></li>
		</ol>
		<!-- Carousel items -->
		<div class="carousel-inner">
			<div class="active item" style=" background:url(images/sy_pic1_1.png) center no-repeat;min-height:300px;"></div>
			<div class="item" style="background:url(images/sy_pic1_1.png) center no-repeat;min-height:300px;"></div>
			<div class="item" style="background:url(images/sy_pic1_1.png) center no-repeat;min-height:300px;"></div>
		</div>
		<!-- Carousel nav -->
		<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
		<a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
	</div>

	<div class="container-fluid">
		<p class="sy_tit">最新任务<i><img src="images/sy_picon.jpg"></i><span>new task</span></p>
		<!-- Stack the columns on mobile by making one full-width and the other half-width -->
		<div class="row task">
			<div class="col-xs-12 col-md-4">
				<div class="col_box">
                    <a href="task.html">
                        <img src="images/sy_pic2.jpg">
                        <div class="taskbox">
                            <p class="tit">招商证券推广单</p>
                            <p class="nei">新手接单需要注册信息，邀请好友一起来接单更有惊喜！</p>
                            <div class="xinxi">
                                <p class="on_and_out">招单中</p>
                                <p class="price">￥15.00<span>/单</span></p>
                                <p class="time">12月20日<i>-</i>12月31日</p>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </a>
                </div>
			</div>
			<div class="col-xs-12 col-md-4">
				<div class="col_box">
                    <a href="#">
                        <img src="images/sy_pic3.jpg">
                        <div class="taskbox">
                            <p class="tit">招商证券推广单</p>
                            <p class="nei">新手接单需要注册信息，邀请好友一起来接单更有惊喜！</p>
                            <div class="xinxi">
                                <p class="on_and_out">招单中</p>
                                <p class="price">￥15.00<span>/单</span></p>
                                <p class="time">12月20日<i>-</i>12月31日</p>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </a>
                </div>
			</div>
			<div class="col-xs-12 col-md-4">
				<div class="col_box">
                    <a href="#">
                        <img src="images/sy_pic4.jpg">
                        <div class="taskbox">
                            <p class="tit">招商证券推广单</p>
                            <p class="nei">新手接单需要注册信息，邀请好友一起来接单更有惊喜！</p>
                            <div class="xinxi">
                                <p class="on_and_out">招单中</p>
                                <p class="price">￥15.00<span>/单</span></p>
                                <p class="time">12月20日<i>-</i>12月31日</p>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </a>
                </div>
			</div>
			<div class="col-xs-12 col-md-4">
				<div class="col_box">
                    <a href="#">
                        <img src="images/sy_pic5.jpg">
                        <div class="taskbox">
                            <p class="tit">招商证券推广单</p>
                            <p class="nei">新手接单需要注册信息，邀请好友一起来接单更有惊喜！</p>
                            <div class="xinxi">
                                <p class="on_and_out">招单中</p>
                                <p class="price">￥15.00<span>/单</span></p>
                                <p class="time">12月20日<i>-</i>12月31日</p>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </a>
                </div>
			</div>
			<div class="col-xs-12 col-md-4">
				<div class="col_box">
                    <a href="#">
                        <img src="images/sy_pic2.jpg">
                        <div class="taskbox">
                            <p class="tit">招商证券推广单</p>
                            <p class="nei">新手接单需要注册信息，邀请好友一起来接单更有惊喜！</p>
                            <div class="xinxi">
                                <p class="on_and_out">招单中</p>
                                <p class="price">￥15.00<span>/单</span></p>
                                <p class="time">12月20日<i>-</i>12月31日</p>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </a>
                </div>
			</div>
			<div class="col-xs-12 col-md-4">
				<div class="col_box">
                    <a href="#">
                        <img src="images/sy_pic3.jpg">
                        <div class="taskbox">
                            <p class="tit">招商证券推广单</p>
                            <p class="nei">新手接单需要注册信息，邀请好友一起来接单更有惊喜！</p>
                            <div class="xinxi">
                                <p class="on_and_out">招单中</p>
                                <p class="price">￥15.00<span>/单</span></p>
                                <p class="time">12月20日<i>-</i>12月31日</p>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </a>
                </div>
			</div>
            <div class="col-xs-12 col-md-4">
				<div class="col_box">
                    <a href="#">
                        <img src="images/sy_pic2.jpg">
                        <div class="taskbox">
                            <p class="tit">招商证券推广单</p>
                            <p class="nei">新手接单需要注册信息，邀请好友一起来接单更有惊喜！</p>
                            <div class="xinxi">
                                <p class="on_and_out">招单中</p>
                                <p class="price">￥15.00<span>/单</span></p>
                                <p class="time">12月20日<i>-</i>12月31日</p>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </a>
                </div>
			</div>
			<div class="col-xs-12 col-md-4">
				<div class="col_box">
                    <a href="#">
                        <img src="images/sy_pic3.jpg">
                        <div class="taskbox">
                            <p class="tit">招商证券推广单</p>
                            <p class="nei">新手接单需要注册信息，邀请好友一起来接单更有惊喜！</p>
                            <div class="xinxi">
                                <p class="on_and_out">招单中</p>
                                <p class="price">￥15.00<span>/单</span></p>
                                <p class="time">12月20日<i>-</i>12月31日</p>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </a>
                </div>
			</div>
			<div class="col-xs-12 col-md-4">
				<div class="col_box">
                    <a href="#">
                        <img src="images/sy_pic4.jpg">
                        <div class="taskbox">
                            <p class="tit">招商证券推广单</p>
                            <p class="nei">新手接单需要注册信息，邀请好友一起来接单更有惊喜！</p>
                            <div class="xinxi">
                                <p class="on_and_out">招单中</p>
                                <p class="price">￥15.00<span>/单</span></p>
                                <p class="time">12月20日<i>-</i>12月31日</p>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </a>
                </div>
			</div>
			<div class="col-xs-12 col-md-4">
				<div class="col_box">
                    <a href="#">
                        <img src="images/sy_pic5.jpg">
                        <div class="taskbox">
                            <p class="tit">招商证券推广单</p>
                            <p class="nei">新手接单需要注册信息，邀请好友一起来接单更有惊喜！</p>
                            <div class="xinxi">
                                <p class="on_and_out">招单中</p>
                                <p class="price">￥15.00<span>/单</span></p>
                                <p class="time">12月20日<i>-</i>12月31日</p>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </a>
                </div>
			</div>
			<div class="col-xs-12 col-md-4">
				<div class="col_box">
                    <a href="#">
                        <img src="images/sy_pic2.jpg">
                        <div class="taskbox">
                            <p class="tit">招商证券推广单</p>
                            <p class="nei">新手接单需要注册信息，邀请好友一起来接单更有惊喜！</p>
                            <div class="xinxi">
                                <p class="on_and_out">招单中</p>
                                <p class="price">￥15.00<span>/单</span></p>
                                <p class="time">12月20日<i>-</i>12月31日</p>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </a>
                </div>
			</div>
			<div class="col-xs-12 col-md-4">
				<div class="col_box">
                    <a href="#">
                        <img src="images/sy_pic3.jpg">
                        <div class="taskbox">
                            <p class="tit">招商证券推广单</p>
                            <p class="nei">新手接单需要注册信息，邀请好友一起来接单更有惊喜！</p>
                            <div class="xinxi">
                                <p class="on_and_out">招单中</p>
                                <p class="price">￥15.00<span>/单</span></p>
                                <p class="time">12月20日<i>-</i>12月31日</p>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </a>
                </div>
			</div>
            <div class="clearfix"></div>
            <p class="more"><a href="#">查看更多</a></p>
		</div>
		
        
	</div>
    <div class="footer">
        <div class="container-fluid">
            <p>本站由 柏枟工作室 提供服务 © 2015~2016 柏枟 | 京ICP备xxxxxx号 | 京公网安备xxxxxxxxxxx号</p>
        </div>
    </div>
	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
</body>
</html>
